<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/jquery-3.6.0.min.js"></script>
    <script src="../js/ajax.js"></script>
</head>

<body>
    <div class="box"></div>
</body>
<script>
    // console.log($);
    // $(".box").html(123123);
    // console.log(jQuery);
    // jQuery(".box").html(123123);

    // 不能用$ 就用 jQuery(等价于$)
    // jQuery.noConflict();
    // (function ($) {  //形式
    //     console.log($);
    //     $(function () {
    //         // 使用 $ 作为 jQuery 别名的代码
    //     });
    // })(jQuery);


    // 2. 创建一个新的别名用以在接下来的库中使用jQuery对象。
    var $$ = jQuery.noConflict();
    console.log($$);

    $$(".box").html(123123);

</script>

</html>